﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>homePage</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.2.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.2.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.2.0/js/ui.js"></script>

    <link href="/css/default.css" rel="stylesheet" />
    <link href="/pages/home/home.css" rel="stylesheet" />
    <script src="/pages/home/home.js"></script>
</head>
<body>
    <!-- The content that will be loaded and displayed. -->
    <div class="fragment homepage">
        <header aria-label="Header content" role="banner">
            <button data-win-control="WinJS.UI.BackButton"></button>
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle">Photo app sample</span>
            </h1>
        </header>
        <section aria-label="Main content" role="main">
            <div id="contentGrid">
                <button id="getPhotoButton">Get Photo</button>
                <div id="imageName" class="pageSubheader"
                     data-win-bind="innerHTML: displayName">Image name</div>
                <div id="imageGrid">
                    <img id="displayImage" src="#" data-win-bind="src: src"/>
                    <div id="imageInfoContainer">
                        <label for="fileName">File name:</label>
                        <div id="fileName" data-win-bind="innerHTML: name">File name</div>
                        <label for="path">Path:</label>
                        <div id="path" data-win-bind="innerHTML: path">Path</div>
                        <label for="dataCreated">Date created:</label>
                        <div id="dateCreated" data-win-bind="innerHTML: dataCreated">Date created</div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</body>
</html>
